.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background:url(../images/reveal_bg.png);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
/*reveal-modal-bg的一个属性z-index设为100，事实上可以设置为一个任意比1大的数字，这里的设计是为了方便*/
.reveal-modal {
	visibility: hidden;
	top: 190px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #eee url(../images/modal.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
}
/*上面代码是放置reveal-model这个板块的位置*/
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

 .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	font-weight: bold;
	cursor: pointer;
} 
/*这是弹出框现实的内容*/
.info{ 
	float:left;
	padding-top:18px;
}
.info p{
	text-indent:14px;
	line-height:26px;
}

.reveal-modal img{
	float:left;
	margin-left:80px;
	border:1px solid #000;
	margin-right:30px;
}
/*

	窗口关闭按钮是&#215;
	例如：
<div id="myModal" class="reveal-modal">
	<h2>Awesome. I have it.</h2>
	<p class="lead">Your couch.  I it's mine.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
	<a class="close-reveal-modal">&#215;</a>
</div>

*/
